div {
  color: #FFFFFF;
  text-align: center;
  font-family: sans-serif;
  font-size: 13pt;
}

div#page {
	margin: auto;
	width: 460px;
	height: 600px; 
        background-color: #0066CC;
}

html>body #page {
height: auto;
min-height: 600px;
} 

div#top {
  width: 460px;
  height: 99px;
  background: url('../images/title.jpg') no-repeat center top;
}

/**
*
*Positionnement de logo sur la page web
*
*/
div#logo {
  display: none;
  float: left;
  width: 230px;
  height: 99px;
}

/**
*
*Positionnement de la banniere taskpub sur la page web
*
*/
div#taskpub {
  float: left;
  width: 277px;
  height: 99px;
}

/**
*
*Positionnement de la partie account option
*
*/
div#account_option {
  text-align: left top;
  float: left;
  width: 183px;
  height: 49px;
}

/**
*
*Positionnement de la partie panier sur la page web
*
*/
div#cart {
  text-align: left;
  text-decoration: none;
  float: left;
  width: 91px;
  height: 48px;
}
/**
*
*Positionnement du creeraccount
*
*/
div.createaccount {
  text-align: left;
  text-decoration: none;
  float: left;
  width: 91px;
  height: 48px;
  color: #FFFFFF;
  font-family: sans-serif;
  font-size: 11px;
}

/**
*
*Positionnement du panier dans la partie panier
*
*/
div#cart div{
  float: left;
  text-align: left;
  text-decoration: none;
  width: 150px;
  height: 75px;
}

/**
*
*Positionnement des elements de description du panier dans la partie panier
*
*/
div#cart div2{
  float: left;
  text-align: left;
  text-decoration: none;
  width: 100px;
  height: 75px;
}

/**
*
*Positionnement de la partie middel sur la page. 
*Cette partie contient le menu, la partie recherche, le contenue, les onglets et le petit poucet
*
*/	
div#middle {
	clear: both;
	width: 460px;
	height: 400px;
}

html>body #middle {
height: auto;
min-height: 400px;
}


/**
*
*Positionnent de la partie menu sur la page.
*Cette partie contient la recherche et le menu.
*
*/
div#menu {
  display: none;
  float: left;
  width: 200px;
  background: url('../images/fondmenu.png') repeat-y;
}

html>body #menu {
height: auto;*/
min-height: 400px;
} 

/**
*
*Positionnement de la partie recherche sur la page.
*
*/
div#search {
  width: 200px;
  height: 100px;
}

/**
*
*Positionnement du menu sur la page
*
*/
div#menu_task {
	width: 200px;
	height: 300px;
}

html>body #menu_task {
height: auto;
min-height: 300px;
} 

/**
*
*Positionnement du contenue sur la page
*
*/
div#contents {
	float: left;
	width: 460px;
	/*background-color: #AAAA00;*/
	/*height: 700px;*/
        background: url('../images/fondcontent.png') repeat-y center top;
}

html>body #contents {
height: auto;
min-height: 700px;
} 

/**
*
*Positionnement des onglets sur la page
*
*/
div#onglet {
  margin: 0px;
  padding: 0px;
  width: 460px;
  height: 30px; 
  cursor: default;
  line-height: normal;
  position: relative;
  background: url('../images/fondmenu.png') repeat center top;
  font-size: 10px;
}

#onglet ul {
  padding-left: 0px;
  margin: 0;
  list-style-type: none;
}

/**
*
*Script css pour changer la couleur des onglets lorsque l'on se trouve dessus
*
*/
#onglet li.current,
#onglet li:hover, #onglet {
  background: url('../images/OngletHover.png') no-repeat left top;
}

#onglet li {
  float: left;
  width: 75px;
  height: 30px;
        
  background: url('../images/OngletFont.png') no-repeat left top;
  cursor: pointer;
  margin-left: 0px;
  margin-right: 1pt;
  margin-top: 0pt;
  margin-bottom: 0pt;
  padding-left: 0px;
  padding-right: 0pt;
  padding-top: 0pt;
  padding-bottom: 0pt;
}

#onglet ul li a{
  margin: 0pt;
  display: block;
  height: 30px;
  vertical-align: middle;
	overflow: hidden;
  color: #FFFFFF;
  text-decoration: none;
}

#onglet ul li.current ul {
  display: block;
}

#onglet ul ul {
  display: none;
  left: 0;
  padding: 0pt;
  top: 30px;
  position: absolute;
  width: 460px;
}

#onglet ul ul li a{      
  margin: 0pt;
  display: block;
  height: 20px;
  vertical-align: middle;
  overflow: hidden;
  color: #FFFFFF;
  text-decoration: none;
}

#onglet ul ul li.current,
#onglet ul ul li:hover { 
  background: url('../images/rectangle2.png') no-repeat left top;
}

#onglet ul ul li.first {
  margin-left:    0pt;
}

#onglet ul ul li {
  padding: 0pt;
  position: relative;
  width: 230px;
}


/**
*
*Positionnement du petit poucet sur la page web.
*
*/

div#tree {
  text-align: left;
  width: 460px;
  height: 30px;
}

div#tree a{
  text-decoration: none;
  color: #FFFFFF;
}

div#in {
        text-align: left;
	width: 460px;
	height: 700px;
}

html>body #in {
height: auto;
min-height: 460px;
} 

/**
*
*Positionnement du pied de page sur la page
*
*/

div#page_end {
  clear: both;
  width: 460px;
  height: 50px;
  background-color: #835400;
  font-size: 11px;
}

div#page_end a{
  font-size: 11px;
}

div.textaccount {
    text-decoration: none;
    text-align: left;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 11px;
}

div.textaccount a{
    text-decoration: none;
    text-align: left;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 11px;
}

div.textregister {
  color: #FFFFFF;
  text-align: center;
  font-family: sans-serif;
  font-size: 13px;
  text-align: right;

}
